<div class="admin-content">
    <div class="menu_preview_area">
        <div class="mobile_menu_preview">
            <div class="mobile_hd tc">福建数网</div>
            <div class="mobile_bd">
                <ul class="pre_menu_list grid_line ui-sortable ui-sortable-disabled no_menu" id="menuList">
                    <li class="js_addMenuBox pre_menu_item grid_item no_extra size1of1" onclick="addPreMenu()">
                        <a href="javascript:void(0);" class="pre_menu_link js_addL1Btn" title="最多添加3个一级菜单" draggable="false">
                            <i class="icon14_menu_add"></i>
                            <span class="js_addMenuTips">添加菜单</span>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div class="menu_form_area">
        <div id="js_none" class="menu_initial_tips tips_global" style="display: none;">点击左侧菜单进行编辑操作</div>
        <div id="js_rightBox" class="portable_editor to_left" style="display: block;">
            <div class="editor_inner">
                <div class="global_mod float_layout menu_form_hd js_second_title_bar">
                    <h4 class="global_info">菜单名称</h4>
                    <div class="global_extra">
                        <a href="javascript:void(0);" onclick="delMenu()" id="jsDelBt">删除菜单</a>
                    </div>
                </div>
                <div class="menu_form_bd" id="view">
                    <div id="js_innerNone" style="display: none;" class="msg_sender_tips tips_global">已添加子菜单，仅可设置菜单名称。
                    </div>
                    <div class="frm_control_group js_setNameBox">
                        <label for="" class="frm_label">
                            <strong class="title js_menuTitle">菜单名称</strong>
                        </label>
                        <div class="frm_controls">
                            <span class="frm_input_box with_counter counter_in append">
                            <input type="text" class="frm_input js_menu_name" onblur="setMenuByMid()">
                            </span>
                            <p class="frm_msg fail js_titleEorTips dn" style="display: none;">字数超过上限</p>
                            <p class="frm_msg fail js_titlenoTips dn" style="display: none;">请输入菜单名称</p>
                            <p class="frm_tips js_titleNolTips">字数不超过4个汉字或8个字母</p>
                        </div>
                    </div>
                    <div class="frm_control_group js_setContentBox" style="display: block;">
                        <label for="" class="frm_label">
                            <strong class="title js_menuContent">菜单内容</strong>
                        </label>
                        <div class="frm_controls frm_vertical_pt nav nav-tabs" role="tablist">
                            <label onclick="chooseMenuContent(this)" class="frm_radio_label js_radio_sendMsg" data-editing="0">
                                <i class="icon_radio"></i>
                                <span class="lbl_content">发送消息</span>
                                <input type="radio" name="hello" class="frm_radio">
                            </label>
                            <label onclick="chooseMenuContent(this)" class="frm_radio_label js_radio_url selected" data-editing="1">
                                <i class="icon_radio"></i>
                                <span class="lbl_content">跳转网页</span>
                                <input type="radio" name="hello" class="frm_radio">
                            </label>
                        </div>
                    </div>
                    <div class="menu_content_container" style="display: block;" >
                        <div class="menu_content send jsMain" id="edit" style="display: none;">
                            <div class="msg_sender" id="editDiv">
                                <div class="msg_tab">
                                    <div class="tab_navs_panel">
                                        <span class="tab_navs_switch_wrp switch_prev js_switch_prev">
                                            <span class="tab_navs_switch">
                                            </span>
                                        </span>
                                        <span class="tab_navs_switch_wrp switch_next js_switch_next" style="display: none;">
                                            <span class="tab_navs_switch"></span>
                                        </span>
                                        <div class="tab_navs_wrp">
                                            <ul class="tab_navs js_tab_navs" style="margin-left:0;">
                                                <li class="tab_nav tab_appmsg width4 selected" data-type="10" data-tab=".js_appmsgArea" data-tooltip="图文消息">
                                                    <a href="javascript:void(0);" onclick="return false;">&nbsp;<i class="icon_msg_sender"></i>
                                                        <span class="msg_tab_title">图文消息</span></a>
                                                </li>
                                                <li class="tab_nav tab_img width4" data-type="2" data-tab=".js_imgArea" data-tooltip="图片">
                                                    <a href="javascript:void(0);" onclick="return false;">&nbsp;<i class="icon_msg_sender"></i>
                                                        <span class="msg_tab_title">图片</span>
                                                    </a>
                                                </li>
                                                <li class="tab_nav tab_audio width4" data-type="3" data-tab=".js_audioArea" data-tooltip="语音">
                                                    <a href="javascript:void(0);" onclick="return false;">&nbsp;<i class="icon_msg_sender"></i>
                                                        <span class="msg_tab_title">语音</span></a>
                                                </li>
                                                <li class="tab_nav tab_video width4 no_extra" data-type="15" data-tab=".js_videoArea" data-tooltip="视频">
                                                    <a href="javas  cript:void(0);" onclick="return false;">&nbsp;<i class="icon_msg_sender"></i><span class="msg_tab_title">视频</span></a>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                    <div class="tab_panel">
                                        <div class="tab_content">
                                            <div class="js_appmsgArea inner ">
                                                <!--type 10图文 2图片  3语音 15视频 11商品消息-->
                                                <div class="tab_cont_cover jsMsgSendTab" data-index="0">
                                                    <div class="media_cover">
                                                        <span class="create_access">
                                                            <a class="add_gray_wrp jsMsgSenderPopBt" href="javascript:;" data-type="10" data-index="0">
                                                                <i class="icon36_common add_gray"></i>
                                                                <strong>从素材库中选择</strong>
                                                            </a>
                                                        </span>
                                                    </div>
                                                    <div class="media_cover">
                                                        <span class="create_access">
                                                            <a target="_blank" class="add_gray_wrp" href="/cgi-bin/appmsg?t=media/appmsg_edit&amp;action=edit&amp;type=10&amp;isMul=1&amp;isNew=1&amp;lang=zh_CN&amp;token=1262629675">
                                                                <i class="icon36_common add_gray"></i>
                                                                <strong>新建图文消息</strong>
                                                            </a>
                            <!--
			                <a target="_blank" href="/cgi-bin/appmsg?t=media/appmsg_edit&action=edit&type=10&isMul=0&isNew=1&lang=zh_CN&token=1262629675"><i class="icon_shopmsg_create"></i><strong>单图文消息</strong></a>
			                <a target="_blank" href="/cgi-bin/appmsg?t=media/appmsg_edit&action=edit&type=10&isMul=1&isNew=1&lang=zh_CN&token=1262629675"><i class="icon_shopmsg_create multi"></i><strong>多图文消息</strong></a>
                            -->
                                                        </span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="tab_content" style="display: none;">
                                            <div class="js_imgArea inner ">
                                                <!--type 10图文 2图片  3语音 15视频 11商品消息-->
                                                <div class="tab_cont_cover jsMsgSendTab" data-index="1" data-type="2">
                                                    <div class="media_cover">
                                                        <span class="create_access">
                                                            <a class="add_gray_wrp jsMsgSenderPopBt" href="javascript:;" data-type="2" data-index="1">
                                                                <i class="icon36_common add_gray"></i>
                                                                <strong>从素材库中选择</strong>
                                                            </a>
                                                        </span>
                                                    </div>
                                                    <div class="media_cover">
                                                        <span class="create_access">
                                                            <a class="add_gray_wrp" id="msgSendImgUploadBt" data-type="2" href="javascript:;">
                                                                <i class="icon36_common add_gray"></i>
                                                                <strong>上传图片</strong>
                                                            </a>
                                                        </span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="tab_content" style="display: none;">
                                            <div class="js_audioArea inner ">
                                                <!--type 10图文 2图片  3语音 15视频 11商品消息-->
                                                <div class="tab_cont_cover jsMsgSendTab" data-index="2" data-type="3">
                                                    <div class="media_cover">
                                                        <span class="create_access">
                                                            <a class="add_gray_wrp jsMsgSenderPopBt" href="javascript:;" data-type="3" data-index="2">
                                                                <i class="icon36_common add_gray"></i>
                                                                <strong>从素材库中选择</strong>
                                                            </a>
                                                        </span>
                                                    </div>
                                                    <div class="media_cover">
                                                        <span class="create_access">
                                                            <a class="add_gray_wrp " id="msgSendAudioUploadBt" href="javascript:;">
                                                                <i class="icon36_common add_gray"></i>
                                                                <strong>新建语音</strong>
                                                            </a>
                                                        </span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="tab_content" style="display: none;">
                                            <div class="js_videoArea inner ">
                                                <!--type 10图文 2图片  3语音 15视频 11商品消息-->
                                                <div class="tab_cont_cover jsMsgSendTab" data-index="3">
                                                    <div class="media_cover">
                                                        <span class="create_access">
                                                            <a class="add_gray_wrp jsMsgSenderPopBt" href="javascript:;" data-type="15" data-index="3">
                                                                <i class="icon36_common add_gray"></i>
                                                                <strong>从素材库中选择</strong>
                                                            </a>
                                                        </span>
                                                    </div>
                                                    <div class="media_cover">
                                                        <span class="create_access">
                                                            <a target="_blank" class="add_gray_wrp" href="/cgi-bin/appmsg?t=media/videomsg_edit&amp;action=video_edit&amp;type=15&amp;lang=zh_CN&amp;token=1262629675">
                                                                <i class="icon36_common add_gray"></i>
                                                                <strong>新建视频</strong>
                                                            </a>
                                                        </span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <p class="profile_link_msg_global menu_send mini_tips warn dn js_warn" style="display: none;"> 请勿添加其他公众号的主页链接 </p>
                        </div>
                        <div class="menu_content url jsMain" id="url" style="display: block;">
                            <form action="" id="urlForm" onsubmit="return false;">
                                <p class="menu_content_tips tips_global">订阅者点击该子菜单会跳到以下链接</p>
                                <div class="frm_control_group">
                                    <label for="" class="frm_label">页面地址</label>
                                    <div class="frm_controls">
                                        <span class="frm_input_box disabled">
                                            <input type="text" class="frm_input" id="urlText" name="urlText" value="https://" onblur="updateMenuUrl(this)">
                                        </span>
                                        <p class="profile_link_msg_gfrm_input js_menu_namelobal menu_url mini_tips warn dn js_warn" style="display: none;"> 请勿添加其他公众号的主页链接 </p>
                                        <p class="frm_tips" id="js_urlTitle" style="display: none;"> 来自<span class="js_name"></span>
                                            <span style="display:none;"> -《
                                                <span class="js_title"></span>》
                                            </span>
                                        </p>
                                    </div>
                                </div>
                                <div class="frm_control_group btn_appmsg_wrap">
                                    <div class="frm_controls">
                                        <p class="frm_msg fail dn" id="urlUnSelect" style="display: none;">
                                            <span for="urlText" class="frm_msg_content" style="display: inline;">请选择一篇文章</span>
                                        </p>
                                        <a href="javascript:;" id="js_appmsgPop">从公众号图文消息中选择</a>
                                        <a href="javascript:void(0);" class="dn btn btn_default" id="js_reChangeAppmsg" style="display: none;">重新选择</a></div>
                                </div>
                            </form>
                        </div>
                        <div class="menu_content sended" style="display:none;">
                            <p class="menu_content_tips tips_global">
                                订阅者点击该菜单会跳到以下链接</p>
                            <div class="msg_wrp" id="viewDiv"></div>
                            <p class="frm_tips">来自
                                <span class="js_name">素材库</span>
                                <span style="display:none;"> -《<span class="js_title">
                                </span>》
                            </span>
                            </p>
                        </div>
                        <div id="js_errTips" style="display:none;" class="msg_sender_msg mini_tips warn">
                        </div>
                    </div>
                </div>
            </div>
            <span class="editor_arrow_wrp">
                <i class="editor_arrow editor_arrow_out"></i>
                <i class="editor_arrow editor_arrow_in"></i>
            </span>
        </div>
    </div>
    <div class="tool_bar tc js_editBox">
    <span id="pubBt" class="btn btn_input btn_primary" ng-click="publish()">
        <button>保存并发布</button>
    </span>
        <!--<a href="javascript:void(0);" class="btn btn_default" id="viewBt">预览</a>-->
    </div>
</div>
<div class="dialog_wrp  ui-draggable" style="width: 720px; margin-left: -360px; margin-top: -186px;">
    <div class="dialog" id="wxDialog_7">
        <div class="dialog_hd">
            <h3>温馨提示</h3>
            <!--#0001#-->
            <a href="javascript:;" class="pop_closed" onclick="cancelDialog();return false;">关闭</a>
            <!--%0001%-->
        </div>
        <div class="dialog_bd">
            <div class="page_msg large simple default ">
                <div class="inner group">
                    <span class="msg_icon_wrapper"><i class="icon_msg warn "></i></span>
                    <div class="msg_content" id="subMenuDialog" style="display: none">
                        <h4>子菜单确认</h4>
                        <p>添加子菜单后，一级菜单的内容将被清除。确定添加子菜单？</p>
                    </div>
                    <div class="msg_content" id="deleteDialog">
                        <h4>删除确认</h4>
                        <p>删除后“菜单名称”菜单下设置的内容将被删除</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="dialog_ft">
            <a href="javascript:;" class="btn btn_primary js_btn" onclick="sureClick();return false;">确定</a>
            <a href="javascript:;" class="btn btn_default js_btn" onclick="cancelDialog();return false;">取消</a>
        </div>
    </div>
</div>

<div class="dialog_wrp_save  ui-draggable" style="width: 720px; margin-left: -360px; margin-top: -186px;">
    <div class="dialog" id="wxDialog">
        <div class="dialog_hd">
            <h3>温馨提示</h3>
            <a href="javascript:;" class="pop_closed" onclick="cancelDialog();return false;">关闭</a>
        </div>
        <div class="dialog_bd">
            <div class="page_msg large simple default ">
                <div class="inner group">
                    <span class="msg_icon_wrapper"><i class="icon_msg warn "></i></span>
                    <div class="msg_content">
                        <h4>配置确认</h4>
                        <p>配置后将同步到微信公众号菜单</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="dialog_ft">
            <a href="javascript:;" class="btn btn_primary js_btn" ng-click="surePublish()">确定</a>
            <a href="javascript:;" class="btn btn_default js_btn" onclick="cancelDialog();return false;">取消</a>
        </div>
    </div>
</div>
<div class="mask"></div>
<div class="tool_bar tc js_editBox">
    <span id="pubBt" class="btn btn_input btn_primary" ng-click="publish()">
        <button>保存并发布</button>
    </span>
    <!--<a href="javascript:void(0);" class="btn btn_default" id="viewBt">预览</a>-->
</div>
